<template>
	<div class="s1">
		<el-backtop> </el-backtop>
		<el-tabs stretch v-model="activeTab">
			<el-tab-pane label="教程">
				<intro></intro>
			</el-tab-pane>
			<el-tab-pane>
				<span slot="label"
					><i class="el-icon-copy-document"></i> 整理部门手册</span
				>
				<dep-Manual> </dep-Manual>
			</el-tab-pane>
			<el-tab-pane>
				<span slot="label"
					><i class="el-icon-copy-document"></i> 整理主要手册</span
				>
				<main-manual></main-manual>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import intro from "@/components/intro";
	import mainManual from "@/components/mainManual";
	import depManual from "@/components/depManual";
	export default {
		name: "Home",
		data: function() {
			return {
				activeTab: 0
			};
		},
		watch: {
			activeTab: function(newVal) {
				console.log(newVal);
			}
		},
		components: { mainManual, depManual, intro },
		methods: {
			clickTab: function(tab, event) {
				console.log(tab, event);
			}
		}
	};
</script>
<style>
	.s1 {
		margin-top: 0;
	}
	.s1 .el-button {
		margin-top: 20px;
	}
</style>